import React from "react";
import {Empty} from "antd";
import {createStyles} from "antd-style";

const useStyles = createStyles(({css, token}) => {
    return {
        container: css`
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            place-content: center;
            place-items: center;
        `
    }
})

const EmptyPage: React.FC = () => {
    const styles = useStyles().styles;
    return (
        <div className={styles.container}>
            <Empty/>
        </div>
    )
}

export default EmptyPage